aboutsummaryrefslogtreecommitdiffstats
path: root/src/routes/[username]/settings/_pos.svelte
blob: 3310e4269bf22135e8cad7b0a6341c2c45495664 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<script>
	import { rates, user } from '$lib/store';
	import { Icon, Toggle } from '$comp';
	import { t } from '$lib/translations';
	import { success, failure, put } from '$lib/utils';

	const fiats = Object.keys($rates);

	const updateFiat = async (e) => {
		try {
			$user.currency = e.target.value;
			let r = await put('/' + $user.username, { user: $user });
			success('Local currency updated');
		} catch (e) {
			failure(e.message);
		}
	};
</script>

<div>
	<label for="currency" class="font-bold block mb-1">{$t('user.settings.localCurrency')}</label>
	<select name="currency" on:change={updateFiat} class="select-styles block py-3 w-full">
		{#each fiats as fiat}
			<option value={fiat} selected={$user.currency === fiat}>{fiat}</option>
		{/each}
	</select>
</div>

<!-- TODO
<div>
	<label for="unit" class="font-bold block mb-1">{$t('user.settings.btcUnit')}</label>
	<select disabled name="unit" class="select-styles block py-3 w-full" bind:value={$user.unit}>
		<option value="SAT">{$t('user.settings.satoshis')} (SAT)</option>
		<option value="BTC">{$t('user.settings.bitcoin')} (BTC)</option>
	</select>
</div> -->